﻿<div ng-controller="GCAssessmentSummaryAndConclusionsController">
    <div class="left-content">
        <div class="title-18-bold">Assessment Summary and Conclusion</div><br />
        <div style="display: table; width: 100%; min-height: 100px;">
            <div style="display: table-cell;">
                <div class="float-pillar-image" ng-switch="gcCompanyPrinciple.getPillarId()">
                    <!-- Human Rights -->
                    <div ng-switch-when="1">
                        <img src="../../content/images/icn-human-rights_listing.png" />
                        <div class="title-18-bold absolute">Human Rights</div>
                    </div>
                    <!-- Labour Rights -->
                    <div ng-switch-when="2">
                        <img src="../../content/images/icn-labour-rights_listing.png" />
                        <div class="title-18-bold absolute">Labour Rights</div>
                    </div>
                    <!-- Environment -->
                    <div ng-switch-when="3">
                        <img src="../../content/images/icn-enviroment_listing.png" />
                        <div class="title-18-bold absolute">Enviroment</div>
                    </div>
                    <!-- Business Ethics -->
                    <div ng-switch-when="4">
                        <img src="../../content/images/icn-business-ethics_listing.png" />
                        <div class="title-18-bold absolute">Business Ethics</div>
                    </div>
                </div>
                <div class="float-pillar-text" style="width: 150px;">
                    Overall Assessment:
                    <div class="title-black-bold" ng-switch="gcCompanyPrinciple.companyPrinciple.principleAssessment">
                        <span ng-switch-when="1">Watchlist</span>
                        <span ng-switch-when="2">Non-Compliant</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="right-content" style="width: 670px;">
        <div class="line-height_20">
            <div class="title-black-bold">{{ gcAssessmentSummaryAndConclusions.principleConclusion.assessmentSummaryAndConclusionIntroductionSentence }}<span ng-if="gcAssessmentSummaryAndConclusions.principleConclusion.assessmentSummaryAndConclusionIntroductionSentence && gcAssessmentSummaryAndConclusions.principleConclusion.assessmentSummaryAndConclusionIntroductionSentence !== ''"></span></div>
            <ul>
                <li ng-repeat="comment in gcAssessmentSummaryAndConclusions.principleConclusion.assessmentComments">{{ comment }}</li>
            </ul>
            <br/>
            <div class="title-black-bold" ng-switch="gcCompanyPrinciple.companyPrinciple.principleAssessment">
                <!-- Watchlist -->
                <span ng-switch-when="1">Sustainalytics assesses {{ gcCompany.company.companyName }} to be at risk of violating {{ gcCompanyPrinciple.companyPrinciple.principle.name }} of the UN Global Compact which requires that {{ gcCompany.initialLowercase(gcCompanyPrinciple.companyPrinciple.principle.description) }}</span>
                <!-- Non-Compliant -->
                <span ng-switch-when="2">Sustainalytics assesses {{ gcCompany.company.companyName }} to be in violation of {{ gcCompanyPrinciple.companyPrinciple.principle.name }} of the UN Global Compact which requires that {{ gcCompany.initialLowercase(gcCompanyPrinciple.companyPrinciple.principle.description) }}</span>
            </div>
        </div>
    </div>
    <div class="clear"></div>
</div>